<!-- 首页 -->
<script lang="ts" setup>
import Commitment from './commitment/index.vue';
import Company from './company/index.vue';
import KeyInformation from './key-information/index.vue';
import MajorHazardSources from './major-hazard-sources/index.vue';
import Notice from './notice/index.vue';
import TodayWork from './today-work/index.vue';
defineOptions({ name: 'Home' });
</script>

<template>
  <el-scrollbar flex="~ col" of="hidden">
    <Company />
    <div grid="~ cols-3 gap-16px" flex="1" p="20px">
      <KeyInformation grid="col-span-1" />
      <MajorHazardSources grid="col-span-1" />
      <Notice grid="col-span-1" />
      <TodayWork grid="col-span-2" />
      <Commitment grid="col-span-1" />
    </div>
  </el-scrollbar>
</template>
